﻿.black-opacity-bg { background: rgba(0,0,0,0.7)}
.user-img-box { width: 170px; height: 170px; border: 3px solid white;overflow:hidden}
.change-user-avatar-btn {transform: translateY(60px);transition: all 0.3s;color:white;opacity:0}
.user-img-box:hover .change-user-avatar-btn {transform:translateY(0px);transition: all 0.3s;opacity:1}
.change-wall-paper-btn {cursor:pointer;overflow:hidden}
.change-wall-paper-btn .fa {float:left;padding-top: 3px}
.change-wall-paper-text {transform: translateX(-150px);transition:all 0.3s;float:left;padding-left: 6px;opacity:0}
.change-wall-paper-btn:hover .change-wall-paper-text {transform: translateX(0px);transition:all 0.3s;opacity:1}
.wallpaper-box { width: 750px; height: 200px}
.user-wall-paper { padding: 12% 3% 2% 2%}
.changewallpaper { width: 0.1px; height: 0.1px;	opacity: 0;	overflow: hidden; position: absolute; z-index: -1 }
.changewallpaper + label { cursor:pointer}
.user-img {width: 100%; height: 100%}
.user-option-tab li a {font-weight: bold; color: #8a8a8a}
.fixed-top {position:fixed;width:100%;z-index:1;top:0;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.margin-thop {margin-top:40px}
#ttcn input[type=text], #ttcn input[type=email], #ttcn textarea, #bmtk input[type=password] { width: 300px; border: none; border: 1px solid #009688; padding: 0.5%}
#ttcn textarea { max-width: 300px}
#ttcn select { width: 100%; border: 1px solid #009688; padding: 0.6%}
#llv input[type=date] { padding: 1%}
#llv select, #tkgl select { padding: 5px}
#llv table tr td input[type=text] { width: 100%;text-align:center}
.staff-work-img {width: 170px;height:160px;margin-bottom: 5px}
#tkgl { height: 600px;overflow:auto}
.ps-notice-list {max-height: 600px;overflow:auto}
.ps-notice-list ul li {cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-notice-list ul li:hover {background:#e8e8e8}
.ss-menu {height:300px;overflow-y:auto}
.ss-author-list,.ss-author-member-list  {padding:0;list-style:none;margin:0;background:white}
.ss-author-list li,.ss-author-member-list li {padding:0;border-bottom:1px solid #cecece}
.ss-author-list li:last-child,.ss-author-member-list li:last-child {border-bottom:none}
.ss-author-list li .ss-author-list-item {display:block;padding:8px 8px 5px 8px}
.ss-author-list li .ss-author-list-item:hover,.ss-author-member-list li a:hover {background:#eaeaea}
.ss-author-list li .ss-author-list-item,.ss-author-member-list li a {overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
.ss-author-member-list {display:none}
.ss-show-member-btn {cursor:pointer;transition: all 0.25s}
.ss-author-list span ,.ss-author-member-list span {cursor:default}
.ss-author-member-list li a {display:block;padding: 4px 6px 2px 32px}
.ss-author-list .fa,.ss-author-member-list .fa {width: 25px;text-align:center}
.ss-checkbox label.ss-check { display: inline-block; cursor: pointer; position: relative }
.ss-checkbox input[type=checkbox] { display: none }
.ss-checkbox label.ss-check:before { content: ""; display: inline-block; width: 15px; height: 15px; background-color: #cecece }
.ss-checkbox input[type=checkbox]:checked + label.ss-check:before { content: "\2713"; color: #009688; font-size: 22px; font-weight: bold; text-align: center; line-height: 15px }
.tb-text {border:none;padding:5px;width:85%;outline-color:#009688}
.mce-tinymce {float: left !important}
#edit-notice-form {display:none}
.ps-notice-seen-img {width:20px;height:20px;margin: 0 5px 0 0}
.pq-option-list ul {max-height:400px;overflow:auto}
.pq-right-content {min-height:400px}